{yun:}include file="$wapstyle/member/header.htm"{/yun}
<link rel="stylesheet" href="{yun:}$wap_style{/yun}/js/mui/css/mui.picker.min.css?v={yun:}$config.cachecode{/yun}" type="text/css" />
<link rel="stylesheet" href="{yun:}$wap_style{/yun}/js/mui/css/mui.poppicker.css?v={yun:}$config.cachecode{/yun}" type="text/css" />
<link rel="stylesheet" href="{yun:}$config.sy_weburl{/yun}/app/template/wap/css/style.css?v={yun:}$config.cachecode{/yun}" type="text/css" />
<link rel="stylesheet" href="{yun:}$wap_style{/yun}/css/new_resume.css?v={yun:}$config.cachecode{/yun}" type="text/css" />

<script src="{yun:}$wap_style{/yun}/js/webapppic/cropper.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/compress.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>



<style>
    .layermbox {
        z-index: 10000000000
    }
</style>
<section class="resume_container">
    
     <div class="my_info">
           <div class="info_hd">
                <span>个人信息</span>
                <img class="jt_img" src="../../../app/template/wap/images/cxyyou3.png"/>
           </div>
           <div class="info_bd">
                 <img class="my_avatar" src="../../../app/template/wap/images/my_avatar.png"/>
                 <div class="info_wapper">
                     <div class="user_id">856319</div>
                     <div class="user_info">
                         <span><img src="../../../app/template/wap/images/jl_sex_icon.png" />男</span>
                         <span><img src="../../../app/template/wap/images/jl_age_icon.png"/>22岁</span>
                         <span><img src="../../../app/template/wap/images/yun_dx.png"/>上海</span>
                     </div>
                     <div class="tel_info">
                         <img src="../../../app/template/wap/images/jl_tel_icon.png"/>15237968705
                     </div>
                 </div>
           </div>
     </div>


     <div class="expect_job">
           <div class="row">
                 <div> 
                    <span class="expect_job_title">期望工作</span> 
                    <img class="jt_img" src="../../../app/template/wap/images/cxyyou3.png" />
                </div>
                <div class="expect_job_cont">
                    <span>店长/督导</span>
                    <span>营业员</span>
                    <span>理货员</span>
                    <span>售货员</span>
                    <span>导购员</span>
                    <div class="clear"></div>

                </div>
           </div>

           <div class="row">
               <span class="expect_job_title">期望薪资</span>
               <span class="salary_cont">
                   2000-3000元/月
               </span>
               <img class="jt_img" src="../../../app/template/wap/images/cxyyou3.png" />  
           </div>
           <div class="row">
                <span class="expect_job_title">期望城市</span>
                <span class="city_cont">杭州/天津/上海</span>
                <img class="jt_img" src="../../../app/template/wap/images/cxyyou3.png" /> 
           </div>
           <div class="row">
                 <div>
                     <span class="expect_job_title">技能优势</span>
                     <img class="jt_img" src="../../../app/template/wap/images/cxyyou3.png" />
                 </div>
                 <div class="skill_cont">
                     <span>食品加工</span>
                     <span>收营员</span>
                     <span>品类管理</span>
                 </div>
           </div>
     </div>



     <div class="resume_row3">
           <div class="row">
                 <div> 
                    <span class="expect_job_title">从事过的职位</span> 
                    <img class="jt_img" src="../../../app/template/wap/images/cxyyou3.png" />
                </div>
                <div class="expect_job_cont">
                    <span>店长/督导</span>
                    <span>营业员</span>
                    <span>理货员</span>
                    <span>售货员</span>
                    <span>导购员</span>
                    <div class="clear"></div>

                </div>
           </div>

           <div class="row">
               <span class="expect_job_title">工作年限</span>
               <span class="salary_cont">
                   20年
               </span>
               <img class="jt_img" src="../../../app/template/wap/images/cxyyou3.png" />  
           </div>
           <div class="row">
                <span class="expect_job_title">最高学历</span>
                <span class="city_cont">本科</span>
                <img class="jt_img" src="../../../app/template/wap/images/cxyyou3.png" /> 
           </div>


     </div>
     <div class="my_introduce">
             <div class="info_hd">
                <span>个人介绍</span>
                <img class="jt_img" src="../../../app/template/wap/images/cxyyou3.png"/>
           </div>
           <div class="info_bd">
                 <div class="introduce_txt">
                     丰富的自我介绍有利于获得HR的好感，不要羞涩哦~
                   
                 </div>
           </div>



     </div>
     <div class="my_picture">
           <div class="info_hd">
                <span>个人照片</span>
                <span class="right_info">
                     请上传图片 <img class="jt_img" src="../../../app/template/wap/images/cxyyou3.png"/>
                </span>
           </div>


     </div>
     <div class="job_lvli">
        
             <div class="info_hd">
                <span>个人履历</span>
                <a  class="yun_wap_info_brief_tit_bc lvli_jt_img" href="#addnexthtml">
                    <img src="../../../app/template/wap/images/cxyyou3.png"/>
                   
                </a>
            </div>

     </div>
     <div class="btn"></div>


</section>



     <div id="addnexthtml" class="mui-page">
    <div class="mui-page-content">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
ffgdfhfhfgh
            </div>
        </div>
    </div>
</div>



<script src="{yun:}$wap_style{/yun}/js/mui/mui.view.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/mui/mui.picker.min.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/mui/mui.poppicker.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/resume.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
 <script language="javascript">
    $(function() {

        function toFixed2(num) {
            return parseFloat(+num.toFixed(2));
        }

        $('#cancleBtn').on('click', function() {
            $("#showEdit").fadeOut();
            $('#showResult').fadeIn();
        });
        $('#rotateBtn').on('click', function() {
            $('#readyimg').cropper('rotate',90);
        });

        $('#confirmBtn').on('click', function() {
            $("#showEdit").fadeOut();

            var $image = $('#report > img');
            var dataURL = $image.cropper("getCroppedCanvas");
            var imgurl = dataURL.toDataURL("image/jpeg", 0.5);
            $("#changeAvatar > img").attr("src", imgurl);
            $("#uimage").val(imgurl);
            $('#showResult').fadeIn();

        });

        function cutImg() {
            $('#showResult').fadeOut();
            $("#showEdit").fadeIn();
        }
        $('#image').on('change', function() {
            cutImg();
        });

       
        var $image = $('#report > img'),
            options = {
                modal: true,
                autoCropArea: 0.5,
                dragCrop: false,
                movable: true,
                resizable: false,
                minContainerWidth: 400,
                minContainerHeight: 400,
                aspectRatio: 1 / 1,
                crop: function(data) {

                }
            };

        $image.on().cropper(options);

        var $inputImage = $('#image'),
            URL = window.URL || window.webkitURL,
            blobURL;
        if(URL) {
            $inputImage.change(function() {
                var files = this.files,
                    file;

                if(files && files.length) {
                    file = files[0];

                    if(/^image\/\w+$/.test(file.type)) {
                        blobURL = URL.createObjectURL(file);

                        $image.one('built.cropper', function() {
                            URL.revokeObjectURL(blobURL); 
                        }).cropper('reset', true).cropper('replace', blobURL);

                        $inputImage.val('');
                    } else {
                        showMessage('请上传图片');
                    }
                }
            });
        } else {
            $inputImage.parent().remove();
        }
      
    });
    
    var sexData = [];
    '{yun:}foreach from=$arr_data.sex key=j item=v{/yun}'
    sexData.push({
        value: '{yun:}$j{/yun}',
        text: '{yun:}$v{/yun}'
    })
    '{yun:}/foreach{/yun}'
    var eduData = [];
    '{yun:}foreach from=$userdata.user_edu key=j item=v{/yun}'
    eduData.push({
        value: '{yun:}$v{/yun}',
        text: '{yun:}$userclass_name[$v]{/yun}'
    })
    '{yun:}/foreach{/yun}'
    var marriageData = [];
    '{yun:}foreach from=$userdata.user_marriage key=j item=v{/yun}'
    marriageData.push({
        value: '{yun:}$v{/yun}',
        text: '{yun:}$userclass_name[$v]{/yun}'
    })
    '{yun:}/foreach{/yun}'
    var expData = [];
    '{yun:}foreach from=$userdata.user_word key=j item=v{/yun}'
    expData.push({
        value: '{yun:}$v{/yun}',
        text: '{yun:}$userclass_name[$v]{/yun}'
    })
    '{yun:}/foreach{/yun}'
    mui.init();
    var viewApi = mui('#app').view({
        defaultPage: '#main'
    });
    
    var view = viewApi.view;
    (function($) {
        
        mui('.mui-scroll-wrapper').scroll({
            scrollY: true, 
            scrollX: false, 
            startX: 0, 
            startY: 0, 
            indicators: true, 
            deceleration: 0.0006, 
            
        });
        
        var oldBack = $.back;
        $.back = function() {
            if(viewApi.canBack()) { 
                viewApi.back();
            } else { 
                oldBack();
            }
        };
    })(mui);
    (function() {
        
        if(document.getElementById('main')){
            document.getElementById('main').addEventListener('touchmove', function (e) { e.preventDefault();}, {passive: false});
        }
        if(document.getElementById('addnexthtml')){
            document.getElementById('addnexthtml').addEventListener('touchmove', function (e) { e.preventDefault();}, {passive: false});
        }
        
        mui('.yunset_bth_box').on('tap', '.addnext', function() {
            var name = $.trim(document.getElementById('name').value),
                sex = $.trim(document.getElementById('sex').value),
                birthday = $.trim(document.getElementById('birthday').value),
                edu = $.trim(document.getElementById('edu').value),
                exp = $.trim(document.getElementById('exp').value),
                living = $.trim(document.getElementById('living').value),
                telphone = $.trim(document.getElementById('telphone').value),
                email = $.trim(document.getElementById('email').value);

            if(name == '') {
                mui.toast('请填写姓名！');
                return false;
            }
            if(sex == '') {
                mui.toast('请选择性别！');
                return false;
            }
            if(birthday == '') {
                mui.toast('请选择出生年月！');
                return false;
            }
            if(edu == '') {
                mui.toast('请选择最高学历！');
                return false;
            }
            if(exp == '') {
                mui.toast('请选择工作经验！');
                return false;
            }
            if(living == '') {
                mui.toast('请填写现居住地！');
                return false;
            }
            if(telphone == '') {
                mui.toast('请填写手机！');
                return false;
            } else if(!isjsMobile(telphone)) {
                mui.toast('手机格式错误！');
                return false;
            }
            var myreg = /^([a-zA-Z0-9\-]+[_|\_|\.]?)*[a-zA-Z0-9\-]+@([a-zA-Z0-9\-]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
            if(email != "" && !myreg.test(email)) {
                mui.toast('邮箱格式错误！');
                return false;
            }

        })
        var submitBtn = document.getElementById('submit')
        if(submitBtn) {
            submitBtn.addEventListener('tap', checkinfo, false)
        }
    })();

    function photo() {
        var uimage = $("#uimage").val();
        if(uimage == '') {
            layermsg('头像未改变，无需修改');
            return false;
        }else{
            var regS = new RegExp("\\+", "gi");
            uimage = uimage.replace(regS, "#");
            $.ajax({
                type: 'POST',
                url: "index.php?c=photo",
                cache: false,
                dataType: 'json',
                data: {
                    uimage: uimage,
                    submit: 1
                },
                success: function(msg) {

                    if(msg == '1') {
                        var date = '上传成功！';
                    } else if(msg == '3') {
                        var date = '上传成功，等待审核！';
                    } else if(msg == '4') {
                        var date = '上传失败，请重新上传！';
                    } else {
                        var date = '上传失败！';
                    }
                    layermsg(date, 2, function() {  
                        window.location.href = wapurl + "member/index.php?c=info";
                    });
                    return false;
                }
            });
        }
        
    }
</script>
<script src="{yun:}$wap_style{/yun}/js/publicselect.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/category.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>

<script>
    var second = 0;
    window.setInterval(function () {
        second ++;
    }, 1000);

    var url     = location.href, 
        refer   = document.referrer, 
        timeIn  = Math.ceil(new Date().getTime()/1000); 
    
    $(function(){
        setTimeout(function(){ 
            $.post('index.php?c=userLog',{url:url,refer:refer,timeIn:timeIn,second:2,opera:11},function(data){
                if(data){
                    $("#logid").val(data);
                }
            })
        },2000);
        
    }) 
    
    window.onbeforeunload = function(){
        var logid = $("#logid").val();
        if(second>2){ 
            $.post('index.php?c=gxUserLog',{id:logid,second:second},function(data){
                if(data) {
                    return false;
                }
            })
        }
    }
</script>
